@charset "utf-8";
/* CSS Document */
html {
    background: #FFF;
    font-size: 62.5%;
}

/*body{min-width:1280px; font-size:14px; color: #333;font-family:'\5b8b\4f53','Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;}*/
body {
    min-width: 1280px;
    font-size: 14px;
    color: #333;
    font-family: 'Microsoft YaHei', SimSun, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dl, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: subpixel-antialiased;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

fieldset, img {
    border: 0;
}

img, object {
    max-width: 100%; /*height:auto;*/
    width: auto \9; /* for ie8 */
    -ms-interpolation-mode: bicubic;
}

a {
    outline: none;
    blr: expression(this.onFocus=this.blur());
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #003b90;
    text-decoration: none;
}

input[type='button'] {
    outline: none;
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400;
}

ul, ol, li {
    list-style: none outside none;
}

.tc {
    text-align: center !important;
}

.tl {
    text-align: left !important;
}

.tr {
    text-align: right !important;
}

.pa {
    position: absolute;
}

.pr {
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

q:before, q:after {
    content: '';
    content: none;
}

input, textarea, select {
    font-weight: inherit;
}

input, select, textarea, button {
    vertical-align: middle
}

.clearFix {
    *zoom: 1;
    clear: both;
}

.clearFix:after {
    content: '';
    display: block;
    clear: both;
}

.clear {
    width: 100%;
    overflow: hidden;
}

/*头部样式*/
/*.bjtu-header{width:100%;min-width: 300px; height:auto; z-index:990;position: fixed;top: 0;left: 0;transition: all 0.3s ease-in-out;} 头部固定*/
.bjtu-header {
    width: 100%;
    min-width: 300px;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
}

.black_bg01, .mobile_bg02 {
    position: fixed;
    background-color: #000;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    display: none;
    filter: alpha(opacity=70);
    z-index: 90;
}


.bjtu-top {
    background-color: #005bac;
}

.bjtu-top > div {
    width: 1200px;
    margin: 0 auto;
}

.bjtu-logo {
    width: auto;
    float: left;
    padding: 12px 0 13px;
    transition: margin 0.3s ease-in-out;
    position: relative;
    z-index: 200;
}

.bjtu-logo a {
}

.bjtu-logo img, object {
    width: auto; /* for ie8 */
    -ms-interpolation-mode: bicubic;
}

.bjtu-topNav {
    float: right;
    padding-top: 17px;
}

.bjtu-topNav a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #004d92;
    height: 25px;
    border-radius: 15px;
    line-height: 23px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    margin: 0 4px;
    transition: all 0.3s ease-in-out;
}

.bjtu-topNav .bjtu-serBtn {
    width: 12px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background-color: #004d92;
    color: #fff;
    font-size: 18px;
    float: right;
    margin-right: 2px;
    border-radius: 5px;
}

.bjtu-topNav a.a1 {
    color: #f6ad3c;
}

.bjtu-topNav a.a2 {
    color: #51c200;
}

.bjtu-topNav a.a3 {
    color: #00ccbe;
}

.bjtu-topNav a.a4 {
    color: #fe5635;
}

.bjtu-topNav a.a1:hover {
    color: #fff;
    background-color: #f6ad3c
}

.bjtu-topNav a.a2:hover {
    color: #fff;
    background-color: #51c200
}

.bjtu-topNav a.a3:hover {
    color: #fff;
    background-color: #00ccbe
}

.bjtu-topNav a.a4:hover {
    color: #fff;
    background-color: #fe5635
}

.bjtu-topNav a.a5 {
    background: none;
    font-size: 16px;
    color: #fff;
    margin: 15px 1px;
}

.bjtu-nav {
    height: 46px;
    position: relative;
    transition: all 0.3s ease-in-out;
    *background: url(../images/nav_bg.png) repeat;
}

.bjtu-nav:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #004e91;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.bjtu-nav > ul {
    width: 1200px;
    margin: 0 auto;
    height: 46px;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}

.bjtu-nav li {
    width: 11.1%;
    float: left;
    text-align: center;
    position: relative;
}

.bjtu-nav li > a {
    color: #fff;
    line-height: 46px;
    display: block;
    height: 46px;
    font-size: 16px;
    font-weight: bold;
}

.bjtu-nav ul li.on > a, .bjtu-nav ul li:hover > a {
    color: #005bac;
    position: relative;
    z-index: 3
}

.bjtu-nav ul li:before, .bjtu-nav ul li:after {
    content: '';
    width: 0;
    position: absolute;
    left: 50%;
    top: 0;
    transition: all 0.3s ease;
}

.bjtu-nav ul li:before {
    height: 4px;
    background-color: #cce1fa;
    z-index: 1
}

.bjtu-nav ul li:after {
    height: 46px;
    background-color: #cce1fa;
    z-index: 0;
    width: 0
}

.bjtu-nav ul li.on:before, .bjtu-nav ul li.on:after {
    left: 0;
    width: 100%;
}

.bjtu-nav ul li.on .bjtu-subNav {
    display: block;
}

.bjtu-subNav {
    display: none;
    position: absolute;
    left: 0;
    top: 46px;
    display: none;
    width: 200%;
    font-size: 14px;
    *background: url(../images/subNav_bg.png) repeat;
}

.sub_nav {
    display: none;
    width: 100%;
    position: absolute;
    left: 100%;
    bottom: 0px;
    background: #d6e7fb;
    transition: 0.5s;
    transform: rotateX(360deg);
}

.ph_sub_nav {
    display: none;
    margin: 0 0 0 10px;
}

.mobile_subNav dd.current .ph_sub_nav {
    display: block;
}

.bjtu-subNav dd.current .sub_nav {
    display: block;
}

.bjtu-subNav:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #cce1fa;
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.bjtu-subNav dd {
    position: relative;
    z-index: 3;
    text-align: left;
}

.bjtu-subNav dd > i {
    width: 33px;
    height: 33px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.bjtu-subNav dd > i:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #005bac;
    left: 0px;
    top: 15px;
}

.bjtu-subNav dd > i:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #005bac;
    left: 0px;
    top: 15px;
    transform: rotate(90deg)
}

.bjtu-subNav dd:hover > i:after {
    display: none;
}

.bjtu-subNav a {
    color: #4c4c4c;
    padding: 5px 15px;
    display: block;
    line-height: 23px;
}

.bjtu-subNav a:hover {
    background-color: #669ccc;
    color: #fff;
}

.bjtu-header.currents {
    height: 60px;
    line-height: 60px;
    position: fixed;
    background: #005bac;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4)
}

.bjtu-header.currents .bjtu-topNav, .bjtu-header.currents .bjtu-nav::before {
    display: none;
}

.bjtu-header.currents .bjtu-top {
    width: auto;
}

.bjtu-header.currents .bjtu-logo {
    width: 160px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    padding-top: 8px;
}

.bjtu-header.currents .bjtu-nav {
    height: 60px;
    line-height: 60px;
    width: 1200px;
    margin: 0 auto;
}

.bjtu-header.currents .bjtu-nav > ul {
    margin-left: 180px;
    width: auto;
    height: 60px;
}

.bjtu-header.currents .bjtu-nav li {
    background: none;
    height: 60px;
}

.bjtu-header.currents .bjtu-nav li > a, .bjtu-header.currents .bjtu-nav ul li::after {
    height: 60px;
    line-height: 60px;
}

.bjtu-header.currents .bjtu-subNav {
    top: 60px;
}

.bjtu-subNav2 {
    left: -50%;
}

.bjtu-headerr.currents .nav ul li > a {
}

/*菜单下拉动画效果*/
.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
    display: block;
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        transform: scaleX(0);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1;
        transform: scaleX(1);
    }
}

#ser {
    width: 0;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-radius: 15px;
    vertical-align: middle;
    transition: all 0.35s ease-in-out
}

#ser.open {
    width: 200px;
    border: 1px solid #fff;
    background: none;
}

.bjtu-ser {
    width: 100%;
    height: 28px;
    line-height: 28px;
    z-index: 9999994;
    margin: 0 auto;
    position: relative;
}

.search input {
    position: absolute;
    height: 28px;
    line-height: 28px;
    color: #262626;
    border: none;
    background: none;
    top: 0;
    padding-left: 0;
    outline: medium;
}

.search input.text {
    color: #a4a4a4;
    border: none;
    padding: 2px 0 0 7px;
    width: 82%;
}

.goTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999999;
    color: #fff;
    text-align: center;
    font-size: 26px;
    transition: none;
    background-color: #2378c3;
    width: 40px;
    height: 40px;
    line-height: 50px;
    display: none;
}

.goTop:hover {
    color: #fff;
    background-color: #e46856;
}

/*footer*/
.bjtu-wrapFooter {
    background: url(../images/footer_bg.jpg) no-repeat top center #065eb1;
}

.bjtu-footer {
    width: 1220px;
    margin: 0 auto;
    padding: 30px 0;
}

.bjtu-footerLf {
    width: 29%;
    float: left;
    line-height: 30px;
    color: #fff;
}

.bjtu-footerLf span {
    display: block;
}

.bjtu-footerRt {
    width: 25%;
    float: right;
    color: #fff;
    line-height: 30px;
    padding-top: 30px;
}

.bjtu-footerLogo {
    height: 0;
    position: relative;
    margin: 0 auto;
    width: 314px;
}

.bjtu-footerLogo img {
}





